﻿@{
    ViewBag.Title = "Index";
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>瑞慈诊所</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta http-equiv="cleartype" content="on">
    <link rel="stylesheet" href="~/styles/css/common/common.css">
    <link rel="stylesheet" href="~/styles/css/component/component.css">
    <link rel="stylesheet" href="~/styles/css/common/swiper.min.css">
    <link rel="stylesheet" href="~/styles/css/homepage.css">
</head>
<body>
    <div id="homepage">
        <!--标准头部-->
        <input v-model="userName" style="display:none" />
        <input v-model="searchKey" style="display:none" />
        <clinic-head ref="header" v-bind:user-name="userName" v-bind:search-key="searchKey" :border-style="showMid" v-on:search="globalSearch"></clinic-head>
        <div class="mid" v-if="showMid">
            <div class="clinic-banner">
                <!-- Swiper -->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" v-for="x in homeLogoImageList">
                            <img v-bind:src="x.ImgUrl" alt="" v-bind:id="x.Url">
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                </div>
                <div class="clinic-important-info" :style="{'left': noticeLeft + 'px'}">
                    <div class="notice">
                        <div class="title">
                            <span class="name">诊所公告</span>
                            <a class="link" href="/News/Index?TabId=2">更多</a>
                        </div>
                        <div class="content">
                            <ul>
                                <li class="row-overflow" v-for="(x,ind) in articList"><a class="link" v-bind:href="['/NewsDetail/Index?Id='+x.id+'&ShowVideo=false']" target="_blank">{{x.title}}</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="dynamic">
                        <div class="title">
                            <span class="name">诊所动态</span>
                            <a class="link" href="/News/Index?TabId=3">更多</a>
                        </div>
                        <div class="content">
                            <ul>
                                <li class="row-overflow" v-for="(x,ind) in newsList"><a class="link" v-bind:href="['/NewsDetail/Index?Id='+x.id+'&ShowVideo=false']" target="_blank">{{x.title}}</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="visiting-experts">
                <h1 class="title">近期出诊专家</h1>
                <div class="date" id="weekdate">
                    <div class="date-div date-left date-invalid"  v-bind:class="isLastWeekDisable" v-model="dateWeekModel" v-on:click="GetLastWeekDate(dateWeekModel[0],dateWeekModel[6])"></div>
                    <div class="date-div week-day" v-bind:class="[isMondayInvalid,isMondayDisable]" v-model="dateWeekModel" v-on:click="GetDoctorLists(dateWeekModel[0],dateWeekModel[6],'Monday')">{{dateWeekModel[0]}} 周一</div>
                    <div class="date-div week-day" v-bind:class="[isTuesdayInvalid,isTuesdayDisable]" v-model="dateWeekModel" v-on:click="GetDoctorLists(dateWeekModel[1],dateWeekModel[6],'Tuesday')">{{dateWeekModel[1]}} 周二</div>
                    <div class="date-div week-day" v-bind:class="[isWednesdayInvalid,isWednesdayDisable]" v-model="dateWeekModel" v-on:click="GetDoctorLists(dateWeekModel[2],dateWeekModel[6],'Wednesday')">{{dateWeekModel[2]}} 周三</div>
                    <div class="date-div week-day" v-bind:class="[isThursdayInvalid,isThursdayDisable]" v-model="dateWeekModel" v-on:click="GetDoctorLists(dateWeekModel[3],dateWeekModel[6],'Thursday')">{{dateWeekModel[3]}} 周四</div>
                    <div class="date-div week-day" v-bind:class="[isFridayInvalid,isFridayDisable]" v-model="dateWeekModel" v-on:click="GetDoctorLists(dateWeekModel[4],dateWeekModel[6],'Friday')">{{dateWeekModel[4]}} 周五</div>
                    <div class="date-div week-day" v-bind:class="[isSaturdayInvalid,isSaturdayDisable]" v-model="dateWeekModel" v-on:click="GetDoctorLists(dateWeekModel[5],dateWeekModel[6],'Saturday')">{{dateWeekModel[5]}} 周六</div>
                    <div class="date-div date-right date-invalid" v-model="dateWeekModel" v-on:click="GetNextWeekDate(dateWeekModel[0],dateWeekModel[6])"></div>
                    <div class="date-div date-all date-invalid"><a href="/OrderExpert/Index">查看全部</a></div>
                </div>
                <div class="experts-list">
                    <div class="expert-detail" v-for="x in doctorList" v-bind:id="x.Id" v-on:click='doctorBooking($event)'>
                        <div class="doctor-detail">
                            <div class="head-img">
                                <img v-bind:src="x.Image" onerror="javascript: this.src = '/Styles/image/default_head.png'"/>
                            </div>
                            <p class="name">{{x.Name}}</p>
                            <p class="worker">{{x.DepName2}}-{{x.TitleName}}</p>
                            <p class="hospital">{{x.OrgName}}</p>
                            <div class="skill two-overflow">{{x.SkillIn}}</div>
                        </div>
                        <div class="order-btn">立即预约</div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="cooperate-brand">
                <div class="cooperate-nav">
                    <div class="title">合作伙伴</div>
                    <div class="cooperate-tab">
                        <span v-bind:class="[coorperateType==0? 'cooperate-valid': 'cooperate-invalid']" v-on:click='coorperateType = 0'>医疗行业</span>
                        <span v-bind:class="[coorperateType==1? 'cooperate-valid': 'cooperate-invalid']" v-on:click='coorperateType = 1'>金融行业</span>
                        <span v-bind:class="[coorperateType==2? 'cooperate-valid': 'cooperate-invalid']" v-on:click='coorperateType = 2'>国家机关</span>
                        <span v-bind:class="[coorperateType==3? 'cooperate-valid': 'cooperate-invalid']" v-on:click='coorperateType = 3'>教育机构</span>
                        <span v-bind:class="[coorperateType==4? 'cooperate-valid': 'cooperate-invalid']" v-on:click='coorperateType = 4'>国有企业</span>
                        <span v-bind:class="[coorperateType==5? 'cooperate-valid': 'cooperate-invalid']" v-on:click='coorperateType = 5'>外资企业</span>
                        <span v-bind:class="[coorperateType==6? 'cooperate-valid': 'cooperate-invalid']" v-on:click='coorperateType = 6'>民营企业</span>
                    </div>
                    <div class="all"><a class="link" href="/AboutUs/Index?TabId=9&first=0&second=4">全部</a></div>
                    <div class="clear"></div>
                </div>
                <div class="brand-list">
                    <div class="brand-logo" v-for="item in cooperateList">
                        <img :src="item.url">
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <div class="search-result" v-else>
            <div class="loading" id="loading" v-bind:class="[showLoad ? 'show':'hide']"><img src="/styles/image/loading.gif"></div>
            <div class="result-empty" v-bind:class="[emptyResult ? 'show' : 'hide']"><span>未搜索到相关结果</span></div>
            <div class="result-more">
                <div class="related-doctor" id="related-doctor" v-bind:class="[doctorList.length == 0 ? 'hide' : 'show']">
                    <div class="hp-title">
                        <span class="title-name">相关医生</span>
                        <span class="all"><a href="/OrderExpert/Index">全部医生</a></span>
                    </div>
                    <div class="doctor-list" sytle="width:100%">
                        <div class="doctor-info" v-for="i in doctorList" :id="i.Id" v-on:click="doctorBooking($event)">
                            <div class="doctor-intro">
                                <div class="personal">
                                    <div class="head-logo">
                                        <img  v-bind:id="i.Id" v-bind:src="i.Image" onerror="javascript: this.src = '/Styles/image/default_head.png'" style="border-radius:50%">
                                    </div>
                                    <div class="detail">
                                        <p class="name">{{i.Name}}</p>
                                        <p class="worker">{{i.DepName2}}-{{i.TitleName}}</p>
                                        <p class="hospital">{{i.OrgName}}</p>
                                    </div>
                                </div>
                                <div class="be-good three-overflow">
                                    <span>擅长：{{i.SkillIn}}</span>
                                    <span>{{i.DocInfo}}</span>
                                </div>
                            </div>
                            <div class="appoint-btn">立即预约</div>
                        </div>                      
                    </div>
                </div>
                <div class="related-video" id="related-video" v-bind:class="[videoList.length ==0 ? 'hide' : 'show']">
                    <div class="hp-title">
                        <span class="title-name">相关视频</span>
                        <span class="all"><a href="/MedicalWiki/Index?TabId=1" target="_Blank">全部视频</a></span>
                    </div>
                    <div class="video-list" sytle="width:100%">
                        <div class="video-intro" v-for="i in videoList">
                                <a class="pic-link" v-bind:href="['/NewsDetail/Index?Id='+i.id]" target="_blank">
                                    <img v-bind:src="i.img_url" onerror="javascript:this.src = '/Styles/image/NoPic.jpg'">
                                    @*<embed class="video-play" :src="i.videoSrc" type="application/x-shockwave-flash">*@                   
                                    <p class="icons-bottom row-overflow">{{i.title}}</p>
                                    <p class="icons-mid"></p>
                                </a>
                            <div class="video-info">
                                <p class="video-doctor">
                                    <span class="name">{{i.doctorName}}</span> &nbsp;
                                    <span class="worker">{{i.doctorTitleName}}</span>
                                </p>
                                <p class="video-content two-overflow">
                                   {{i.zhaiyao}}
                                </p>
                            </div>
                        </div>                        
                    </div>
                </div>
                <div class="related-article" id="related-article" v-bind:class="[articList.length ==0 ? 'hide' : 'show']">
                    <div class="hp-title">
                        <span class="title-name">相关文章</span>
                        <span class="all"><a href="/MedicalWiki/Index?TabId=2" target="_Blank">全部资讯</a></span>
                    </div>
                    <div class="article-list">
                        <div class="article-intro flex" v-for="i in articList">
                            <div class="l-article">
                                <a v-bind:href="['/NewsDetail/Index?Id='+i.id+'&ShowVideo=false']" target="_blank"><img :src="i.img_url" onerror="javascript:this.src='/Styles/image/NoPic.jpg'"></a>
                            </div>
                            <div class="r-article">
                                <p class="title row-overflow"><a v-bind:href="['/NewsDetail/Index?Id='+i.id+'&ShowVideo=false']" target="_blank">{{i.title}}</a></p>
                                <p class="date">{{i.add_time}}</p>
                                <p class="describe two-overflow">{{i.zhaiyao}}</p>
                            </div>
                        </div>                      
                    </div>
                </div>
                <div class="related-guide" id="related-guide" v-bind:class="[guideList.length ==0 ? 'hide' : 'show']">
                    <div class="hp-title">
                        <span class="title-name">相关指南</span>
                        <span class="all"><a href="/MedicalWiki/Index?TabId=4" target="_Blank">全部指南</a></span>
                    </div>
                    <div class="guide-list">
                        <div class="guide-intro" v-for="i in guideList">
                            <p class="content row-overflow">{{i.title}}</p>
                            <p class="read-btn"><span><a :href="[i.fileSrc]" target="_blank">在线阅读</a></span></p>
                        </div>
                    </div>
                </div>
            </div>
            <clinic-process></clinic-process>
        </div>

        <!--标准底部-->
        <clinic-foot></clinic-foot>
        <!--右边导航栏-->
        <clinic-right></clinic-right>
    </div>
    <script type="text/javascript" src="~/scripts/lib/jquery.js"></script>
    <script type="text/javascript" src="~/scripts/lib/xdlines.jquery.min.js"></script>
    <script type="text/javascript" src="~/scripts/lib/swiper.min.js"></script>
    <script type="text/javascript" src="~/scripts/js/public/common.js"></script>
    <script type="text/javascript" src="~/scripts/lib/vue.min.js"></script>
    <script type="text/javascript" src="~/scripts/lib/vue-resource.min.js"></script>
    <script type="text/javascript" src="~/scripts/js/component/component.js"></script>
    <script type="text/javascript" src="~/scripts/js/homepage.js"></script>
    <script>
        textOverflow();
    </script>
</body>
</html>